body{
    margin: 0;
    background-color: aliceblue;
}
#all{
    margin: 0 auto;
    width: 1200px;
    height: 700px;
    border: solid 1px #cccccc;
    background-image: url("../img/room.jpg");
}
#all .top{
    margin: 0;
    float: left;
    width: 1200px;
    height: 80px;
    font-size: 20px;
    line-height: 40px;
    background-color: #f9f4d4;
}
#all .top .m{
    margin: 0;
    float: left;
    width: 700px;
    height: 80px;
}
#all .top .n{
    margin: 0;
    float: left;
    width: 500px;
    height: 80px;
}
#all .top .n .w{
    margin: 0;
    float: left;
    width: 200px;
    height: 80px;
}
#all .top .n .y{
    margin: 0;
    float: right;
    width: 300px;
    height: 80px;
}
#all .top .n .y .r {
    margin: 0 0 0 40px;
    float: left;
    width: 100px;
    height: 40px;
}

#all .home{
    margin: 0;
    float: left;
    width: 800px;
    height: 620px;
}

#all .home .left{
    margin: 0;
    float: left;
    width: 800px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#all .home .left .middle{
    margin :10px;
    float: left;
    width: 800px;
    height: auto;
}

#all .home .left .middle .middle1{
    margin: 10px;
    float: left;
    width: 400px;
    height: auto;
}

#all .home .left .middle .middle1 .left1{
    margin: 0;
    float: left;
    width: 80px;
    height: auto;
}
#all .home .left .middle .middle1 .left1 >img{
    width: 50px;
    height: 50px;
}
#all .home .left .middle .middle1 .pre{
    margin: 0;
    float: left;
    width: 220px;
    height:auto;
}
#all .home .left .middle .middle1 .pre .up{
    margin: 0;
    float: left;
    width: 220px;
    height: auto;
}
#all .home .left .middle .middle1 .pre .right1{
    margin: 0;
    float: left;
    width: 200px;
    height:auto;
    word-wrap: break-word;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    background-color: aqua;
}
#all .home .left .middle .middle2{
    margin: 10px;
    float: right;
    width: 400px;
    height: auto;
}
#all .home .left .middle .middle2 .next{
    margin: 0;
    float: left;
    width: 220px;
    height:auto;
}
#all .home .left .middle .middle2 .next .up{
    margin: 0;
    float: left;
    width: 220px;
   height: auto;
}
#all .home .left .middle .middle2 .next .left2{
    margin: 0;
    float: left;
    width: 200px;
    height:auto;
    word-wrap: break-word;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    background-color: aqua;
}
#all .home .left .middle .middle2 .right2{
    margin: 0 0 0 20px;
    float: left;
    width: 80px;
    height: auto;
}
#all .home .left .middle .middle2 .right2 >img{
    width: 50px;
    height: 50px;
}

#all .home .bottom{
    margin: 0;
    float: left;
    width: 800px;
    height: 119px;
    border: solid 1px papayawhip;
}
#all .home .bottom .middle{
    margin: 0;
    float: left;
    width: 800px;
    height: 119px;
}

#all .home .bottom .middle .i{
    margin: 0;
    float: left;
    width: 680px;
    height: 100px;
}

#all .home .bottom .middle .j{
    margin: 0;
    float: left;
    width: 100px;
    height: 80px;
}

#all .right{
    margin: 0;
    float: left;
    width: 400px;
    height: 620px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-base-color:gray;
}
#all .right .up{
    margin: 0;
    float: left;
    width: 400px;
    height: 50px;
}
#all .right .down{
    margin: 0;
    float: left;
    width: 400px;
    height: 450px;
}
#all .right .down .quick{
    margin: 10px 0 0 40px;
    float: left;
    width: 400px;
    height: 80px;
}
#all .right .down .quick >img{
    width: 50px;
    height: 50px;
}
